@import "tools";

.dialog {
    background:rgba(255,255,255,0.4);
    border-radius: 1rem;
    width: 30rem;
    height: 25rem;
    box-shadow:005px grey;
    padding: 1rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index:100;
    margin:-12.75rem00-15rem;
}
.close_btn {
    .toBlock(2rem,2rem);
    border-radius: 50%;
    border-color:orange;
    .relative(26rem,orem);

}
input {
    box-sizing: border-box;
    .toBlock(20rem,3rem);
    outline:0 none;
    border-color:orange;
    padding:01rem;
    margin:1rem auto;
    border-radius:0.5rem;
    color:□orange;
}
.btn {
    .toBlock(10rem,3rem);
    .center(3rem);
    color:orange;
    border-color:orange;
    border-radius:0.5rem;
}
.top_search_container{
    height: 8rem;
    .container{
        height: inherit;
        .left_icon{
            padding: 2rem;
            border: none;
        }
    }
    .search_container{
        height: inherit;
        .flexCenter();
        input{
            .toBlock(20rem;3rem);
            border-color:orange;
            padding: 0 1rem;
        }
        button
        {
            .toBlock(3.5rem,3rem);
            border-color: orange;
        }
    }
}